<?php include 'layouts/_header.view.php'; ?>

<main id="main">
    <?php include VIEW_PATH . 'layouts/_navbar.view.php'; ?>

    

    <div class="comments">
        <div class="d-flex">
            <h3 class="position-relative fs-20">
                评论 <sup class="badge">12</sup>
            </h3>
            <div class="ml-auto">
                最新 / 热门
            </div>
        </div>
        <textarea class="ui-textarea w-100" name="" id="" resize="vertical"></textarea>
    </div>

    <?php flash() ?? ''; ?>

    <ul class="feed-list mt-3 mb-3">
        <li class="d-flex flex-row item">
            <img class="avatar mr-3" src="/img/sjw.jpg" alt="">
            <div class="d-flex flex-column flex-fill">
                <div class="d-flex align-items-center fs-15 gray">
                    <span><a href="/user/show/1">神经蛙</a></span>
                    <div class="ml-auto">
                        <i class="iconfont icon-more1 fs-20"></i>
                    </div>
                </div>
                <div class="text"><a href="/">#新人报道#</a> 小白打卡</div>
                <div class="d-flex pt-2 pb-2 fs-15 gray">
                    <span>暗黑破坏神</span>
                    <div class="ml-auto">
                        <i class="iconfont icon-comment fs-18"></i> 2342
                        <i class="iconfont icon-praise fs-18 ml-3"></i> 34
                    </div>
                </div>
            </div>
        </li>
        <li class="d-flex flex-row item">
            <img class="avatar mr-3" src="/img/sjw.jpg" alt="">
            <div class="d-flex flex-column flex-fill">
                <div class="fs-15 gray">
                    <strong><a href="/user/show/2">神经蛙</a></strong>
                    <span>&#183;</span>
                    <span>3天前</span>
                </div>
                <div class="text">人们都知道，在股市上，存在一种所谓的“二八”现象，即少数人挣钱，多数人赔钱，10个人中，只有一人挣钱，还有一两个人不争不赔，其余都赔。</div>
            </div>
        </li>
    </ul>
</main>

<?php include 'layouts/_js.view.php'; ?>
<!-- <script src="js/jquery.pjax.min.js"></script>
<script src="js/autosize.min.js"></script> -->
<script>
    $('select').selectMatch();

    $('#testLoading a').click(function() {
        $(this).loading();
        setTimeout($.proxy(function() {
            $(this).unloading();
        }, this), 5000 * Math.random());
    });

    $('#succ').on('click', function() {
        $.lightTip.success('操作成功');
    });
    $('#error').on('click', function() {
        $.lightTip.error('操作失败');
    });

    $(document).ready(function() {
        $('.btn').on('click', function() {
            var $this = $(this);
            $this.button('loading');
            setTimeout(function() {
                $this.button('reset');
            }, 8000);
        });
    });
    /**
     * 方式一 按钮父节点监听事件
     *
     * @param selector  触发点击事件的按钮
     * @param container 展示刷新内容的容器，也就是会被替换的部分
     * @param options   参数
     */
    // $(document).pjax(selector, [container], options);
    // $(document).pjax('#nav', '#main');
    autosize(document.querySelector('#content'));
</script>
<?php include 'layouts/_footer.view.php'; ?>